【LIFF】アプリ内で会員登録したユーザーと未会員ユーザーを識別する方法を考えてみた

import { useEffect, useState } from "react";
import liff from "@line/liff";
import "./App.css";
import axios from "axios";

function App() {
// 省略
  const registerGuestUser = async () => {
    const accessToken = await liff.getAccessToken();
    if (accessToken) {
      const res = await axios.post(
        "https://xxxxxxxx.execute-api.ap-northeast-1.amazonaws.com/prod", // サーバーサイドへのリクエストエンドポイント
        { accessToken }
      );
    }
  };
+ // アクセス初回時に実行してあげる
+  useEffect(() => {
+    registerGuestUser();
+  }, []);

  return (
    <div className="App">
      <h1>アプリへようこそ！</h1>
      <a href="https://xxxxxxxx/">
        会員登録はこちらから
      </a>
    </div>
  );
}

export default App;

import axios from "axios";
import { DynamoDBClient } from '@aws-sdk/client-dynamodb';
import { DynamoDBDocumentClient, PutCommand, GetCommand } from '@aws-sdk/lib-dynamodb';

// DynamoDBのクライアントの初期化
const dynamoDB = new DynamoDBClient({ region: 'ap-northeast-1' });
const dynamoDBDocumentClient = DynamoDBDocumentClient.from(dynamoDB);

export const handler = async (event: any) => {
  const { accessToken } = JSON.parse(event.body);

  // LINEユーザー情報を取得
  const userInfoResponse = await axios.get("https://api.line.me/v2/profile", {
    headers: {
      Authorization: `Bearer ${accessToken}`
    }
  });

  const lineUserId = userInfoResponse.data.userId;

  // DynamoDBからユーザーを取得
  const guestUser = await dynamoDBDocumentClient.send(new GetCommand({
    TableName: 'Guest',
    Key: {
      lineUserId: lineUserId
    }
  }));

  if (!guestUser.Item) {
    // ゲストが存在しない場合、新規作成  
+   await dynamoDBDocumentClient.send(new PutCommand({
+     TableName: 'Guest',
+     Item: {
+       lineUserId: lineUserId,
+       lineDisplayName: userInfoResponse.data.displayName,
+       pictureUrl: userInfoResponse.data.pictureUrl,
+       isMember: false // ステータスをfalseにして、未会員ユーザーとして識別できるようにする
+     }
    }));

    return {
      statusCode: 201,
      body: JSON.stringify({ message: "新しいユーザー情報を保存しました" })
    };
  } else {
    // ユーザーが既に存在する場合
    return {
      statusCode: 200,
      body: JSON.stringify({ message: "ユーザーは既に登録されています" })
    };
  }
};

// 会員情報の登録の際に、Guestテーブルの該当ユーザーのisMemberステータスを更新する
  await dynamoDBDocumentClient.send(new UpdateCommand({
    TableName: 'Guest',
    Key: {
      lineUserId: userInfoResponse.data.userId
    },
    UpdateExpression: 'SET isMember = :isMember',
    ExpressionAttributeValues: {
+     ':isMember': true
    },
    ReturnValues: 'UPDATED_NEW'
  }));

  // 会員情報を登録する処理
  // 省略

  return {
    statusCode: 200,
    body: JSON.stringify({ message: "会員情報を保存しました" })
  };
};